.form-page {
  margin-top: 0.25rem;
  // @media screen and (min-width: 2199px) and (max-width: 3000px) {
  //   max-height: 1020px;
  // }
  // @media screen and (min-width: 1900px) and (max-width: 2200px) {
  //   max-height: 820px;
  // }
  // @media screen and (min-width: 1400px) and (max-width: 1899px) {
  //   max-height: 640px;
  // }
  // @media screen and (min-width: 1300px) and (max-width: 1399px) {
  //   max-height: 515px;
  // }
  // @media screen and (min-width: 768px) and (max-width: 1299px) {
  //   max-height: 400px;
  // }

  // overflow: auto;
  .form-page .el-form-item {
    padding: 4px 10px;
    margin-bottom: 2px;
    border-radius: 4px;
  }
  .form-page.isReadonly .master-form-item {
    margin-bottom: 0;
    border-radius: 0;
  }
  .form-page .el-form-item:hover {
    background-color: #e6ecff;
  }
  .form-page.isReadonly .master-form-item:nth-child(2n):hover {
    background-color: #e6ecff;
  }
  /deep/ .el-form {
    color: #303133;
    > div {
      border-radius: 0.25rem;
      &.columns-hover:nth-child(2n) {
        background-color: #fafafa;
        border-top: 1px solid;
        border-bottom: 1px solid;
        border-color: #f0f0f0;
      }
      &.columns-hover:hover {
        background: #fcf6fe;
      }

      > .el-form-item {
        display: flex;
        flex-flow: row nowrap;
        align-items: center;
        padding: 18px 10px;
        margin-bottom: 0 !important;
        > .el-form-item__label {
          font-size: 12px !important;
          // flex: 480;
          // text-align: left;
          // font-size: 0.75rem;
          // padding-left: 1.625rem;
          // color: #303133;
          // line-height: normal;
        }
        > .el-form-item__content {
          margin-left: 50px !important;
          font-size: 12px !important;
          width: 100%;
          display: flex;
          > .form-tools {
            display: flex;
            // width:166px;
            padding-right: 0.5rem;
            height: 28px;
            > .tool-note {
              margin-top: 9px;
              font-size: 16px;
              color: #753cca;
              cursor: pointer;
            }
            > div {
              margin-left: 0.75rem;
            }
          }
        }
        .el-radio__label {
          font-size: 12px !important;
        }
        .question {
          width: 0.9rem;
          height: 0.95rem;
          background-size: 0.9rem 0.9rem;
          background-repeat: no-repeat;
          margin-top: 8px;
          cursor: pointer;
        }
        .question-0 {
          cursor: not-allowed;
          background-image: url('~@/assets/img/question-0.png');
        }
        .question-1 {
          cursor: not-allowed;
          background-image: url('~@/assets/img/question-1.png');
        }
        .question-2-1 {
          background-image: url('~@/assets/img/question-2-1.png');
        }

        .question-2-2 {
          background-image: url('~@/assets/img/question-2-2.png');
        }

        .question-3 {
          background-image: url('~@/assets/img/question-3.png');
        }

        .question-4 {
          background-image: url('~@/assets/img/question-4.png');
        }

        .question-5 {
          background-image: url('~@/assets/img/question-5.png');
        }
        .tools-checkbox-0 {
          .el-checkbox__inner {
            background-size: 0.5rem;
            background-repeat: no-repeat;
            background-image: url('~@/assets/img/setup.png');
            background-position: center;
          }
        }
        // }
          .check-font {
            position: absolute;
            bottom: -23px;
            font-size: 0.75rem;
            color: #f56c6c;
          }
        // }
        .el-input {
          width: 15.625rem;
        }
        .el-textarea {
          width: 15.625rem;
        }
      }
      > .text-box {
        font-size: 0.75rem;
        color: #303133;
        display: flex;
        > div {
          &:first-child {
            flex: 1430;
            text-align: left;
            padding-left: 2.2rem;
          }
          &:last-child {
            flex: 190;
          }
        }
      }
    }
  }
  .zebra {
    background-color: #fafafa;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: #f0f0f0;
  }
  .colorDark {
    color: #999 !important;
    cursor: not-allowed !important;
  }
}
